<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/common/common.css" />
		<link rel="stylesheet" href="../../css/settings/collection.css" />
		<link rel="stylesheet" href="../../css/vCloak.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我的阅读笔记</h1>
		</header>
		<div class="mui-content">
			<div class="main_seach">
				<div class="seach_inp">
					<div class="mui-icon mui-icon-search "></div>
					<input  type="text" name="" class="seach_val" placeholder="请输入你想要搜索的笔记" />
				</div>
				<div class="seach_buttom">搜索</div>
			</div>
		<!-- 列表-->
		       <div class="list" v-for="tmp in list"  :uid="tmp.bookUid" :bookPic="tmp.bookPic">
		       		<!--<div id="hide">{{tmp.bookUid}}</div>-->
		       		<div class="img_img"><img :src="tmp.bookPic" :bookName="tmp.bookName" class="collection-img"></div>
			       	<!--<div>{{tmp.bookUid}}</div>-->
			       	<div class="shu">
			       	   <div class="Title" v-cloak>{{tmp.bookName}}</div>
			       	    <p v-cloak>{{tmp.totalCount}}篇阅读笔记</p>
			       	    <!--<img src="../../imges/Union 52.png">-->
			       	</div>
			      <!-- 	评分-->
			       	<!--<div class="score">
			       		<div class="zi_da">{{tmp.averageScore}}分</div>
			       		<div class="fan">平均评分</div>
			       	</div>-->
		       	<div class="see">
		       		<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">查看</button>
		       	</div>
		       </div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/zepto_1.1.3.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/common/common.js"></script>
		<script src="../../js/settings/collection.js"></script>
	</body>

</html>